{extend name="base"/}
{block name="title"}
个人设置
{/block}
{block name="css"}
<link rel="stylesheet" href="__MOBILE__/css/wangStyle.css"/>
{/block}
{block name="content"}
<div class="head">
    <div class="head_left"><a href="javascript:history.go(-1);"><img src="__MOBILE__/images/true.png" alt=""></a></div>
    <div class="head_con">个人设置</div>
    <div class="head_right"></div>
</div>
<div class="setting">
    <ul>
        <li class="touxiang">
            <a href="###">
                <span class="setleft">头像</span>
                <img  style="border-radius: 50%;" src="{$user.head_img}" alt="" class="setright imgright">
            </a>
        </li>
        <li>
            <a href="###">
                <span class="setleft">昵称</span>
                <span class="setright">{$user.nickname}</span>
            </a>
        </li>
        <li>
            <a href="###">
                <span class="setleft">手机号</span>
                <span class="setright phone">{$user.mobile}</span>
            </a>
        </li>
        <li>
            <a href="{:url('/langjinmobile/registered/forgetpass')}">
                <span class="setleft">登录密码</span>
                <img src="__MOBILE__/images/jiant.png" alt="" class="setright jtright">
            </a>
        </li>
        <li>
            <a href="{:url('/langjinmobile/registered/forgetpaypass')}">
                <span class="setleft">支付密码</span>
                <img src="__MOBILE__/images/jiant.png" alt="" class="setright jtright">
            </a>
        </li>
    </ul>
</div>

{/block}
{block name="js"}
<script>
    $(function() {
        var phone = $('.phone').html();
        var mphone = phone.substr(0, 3) + '****' + phone.substr(7);
        $('.phone').text(mphone)
    });
</script>
{/block}